@charset "utf-8";

/* Class */

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.img-text-btn span {
	display: block;
	margin-top: 10px;	
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.btn-primary {
	color: #fff !important;
	background-color: #428bca !important;
	border-color: #357ebd !important;
	text-shadow: none !important;
}

.btn-success {
	color: #fff !important;
	background-color: #5cb85c !important;
	border-color: #4cae4c !important;
	text-shadow: none !important;
}

.btn-info {
	color: #fff !important;
	background-color: #5bc0de !important;
	border-color: #46b8da !important;
	text-shadow: none !important;
}

.btn-danger {
	color: #fff !important;
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
	text-shadow: none !important;
}

/* Custom CSS */

hr {
	margin: 1em 0;	
}

.ui-footer .ui-btn {
	margin-top: 0;
	margin-bottom: 0;
	top: auto;
	bottom: .33em;
}

.ui-header,
.ui-footer {
	background-color: #2D6BA8 !important;
	background: -webkit-gradient(linear,left top,left bottom,from(#72A6DA),to(#2D6BA8)) !important;
	background: -moz-linear-gradient(top,#72A6DA,#2D6BA8) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72A6DA',endColorstr='#2D6BA8') !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #214e7a !important;
}

/* menu.php */

.logo-menu-block {
	width: 180px;
	margin: 0 auto;
}

.menu-block {
	width: 280px;
	margin: 0 auto;
}

#logo {
	margin: .5em auto;
}

/* sales-order.php */

#sales-order-list li.focus {
	background: #ededed;
	border-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
}

#sales-order-list li .action-block {
	display: none;
}

#sales-order-list li.focus .action-block {
	display: block !important;
}

.status-txt {
	color: #777 !important;	
}

.cancel-txt {
	color: #F00 !important;	
}

#deleteDialog a, #cancelDialog a {
	font-size: 1.1em !important;
	font-weight: normal !important;
}

/*#custom-detail-block .form-control {
	display: block;
	position: relative;
	margin: 1em 0;
	padding: 0;
	overflow: visible;
	clear: both;
}

#custom-detail-block .form-control:before,
#custom-detail-block .form-control:after {
	content: "";
	display: table;
}

#custom-detail-block .form-control:after {
	clear: both;
}

#custom-detail-block label {
	font-weight: bold;
}

#custom-detail-block .form-control label {
	display: block;
	margin: .5em 0;
}

#custom-detail-block .form-control .text-block {
	display: block;
	margin: .5em 0;
}*/

/* items-in-order.php */

.no-items-block {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 25px;
}

#items-in-order-list li {
	position: relative;
}

#items-in-order-list .ui-li-aside {
	margin: .45em 0;
	right: 1em;	
}

#items-in-order-list li.focus {
	background: #ededed;
	border-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
}

#items-in-order-list li .action-block {
	display: none;
}

#items-in-order-list li.focus .action-block {
	display: block !important;
}

/* order-details-view.php*/

.ui-field-contain {
	border-bottom: none;
}

.ui-field-contain label {
	font-weight: bold;
}

.ui-field-contain .text-block {
	
}

@media (min-width: 28em) {
	.ui-field-contain .text-block {
		margin: 0.5em 0 0;
		width: 75%;
		float: left;
		text-align: right;
	}
}

#sub-total-block {
	background-color: #e9e9e9;
	border-bottom: 1px solid #ddd;
	color: #333;
}

#sub-total-block div {
	padding: .7em;	
}

/* order-signature.php */

#signature-block {
	position: relative;
	width: 80%;
	height: 200px;
	margin: 2em auto;
	border: 1px solid #ccc;
}

#signature-block div {
	width: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -60px;
	line-height: 25px;
	text-align: center;
}

label.error { 
	float: left; 
	color: red; 
	padding-top: .5em; 
	vertical-align: top; 
	font-weight:bold
}